<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=deviece-width">
	<title>滁州学院新生网Demo</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body style="background:#a8d6e2;" >
	<!--  ------------------------------    导航  --------------------------       -->
	<header role="banner">
		<nav role="navigation" class="navbar navbar-static-top navbar-inverse" style="background:#4867B7;">
			<div class="container" >
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="img/4.png" style="width:243px;height:50px;">
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li class="active"><a href="map.html">相关地图</a></li>
						<li><a href="plan.html">入学锦囊</a></li>
						<li><a href="life.html">校园生活</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!--     -------------------------   导航END --------------------------   -->
	
	
	<!-- -----------------------------地图显示-------------------------------- -->
	<iframe id="webChange" src="http://www.chzu.edu.cn/xxqj/langya/index.html" style="width:1366px;height:469px;"></iframe>
	<div class="col-md-12">
		<div class="col-md-6"><button id="btn1" class="btn-primary col-md-12" onclick="ly()">琅琊校区地图</button></div>
		<div class="col-md-6" ><button id="btn2" class="btn-primary col-md-12" onclick="hf()">会峰校区地图</button></div>
	</div>
	<!-- -----------------------------地图显示 end-------------------------------- -->

	<hr><hr>
	<div class="row">
	  <div class="col-xs-6 col-md-3">
	    <a href="" class="thumbnail">
	      <img src="img/bus.png" alt="">
	    </a>
	  </div>
	  <div   style="background:#71B3E2;">
		  <h2>8会峰校区：从滁州北站、长途汽车站可乘18路、4路公交车至滁州学院站下；从滁州站（高铁站）可乘18路公交车至滁州学院站下；</h2><br><br><br>
		  <h2>琅琊校区：从滁州北站、长途汽车站可乘11路公交车至铜矿转盘站下； </h2>
	  </div>
	</div>

	<div class="row">
	  <div class="col-xs-6 col-md-3">
	    <a href="" class="thumbnail">
	      <img src="img/car.png" alt="">
	    </a>
	  </div>
	  <div   style="background:#71B3E2;">
		  <br><h4>会峰校区：(1)乘车经合宁高速公路可在“全椒”出口下，由滁（州）全（椒）路（滁州段路名丰乐大道）直达滁州学院会峰校区；<br> 
		(2)乘车经南洛高速公路可在“滁州”出口下，经上海路、会峰路，转向丰乐大道1528号会峰校区。 <br>
		(3)从滁州北站、长途汽车站乘出租车约9元；从滁州站（高铁站）乘出租车约25元。 </h4><br><br>
		  <h4>琅琊校区：（1）从滁州北站、长途汽车站乘出租车约6元；滁州站（高铁站）乘出租车约30元；<br> 
		（2）乘车经合宁高速公路可在“全椒”出口下，从滁（州）全（椒）路经过会峰校区大门口，<br>由丰乐大道向西转入琅琊西路，即可到达琅琊校区； <br>
		（3）乘车经南洛高速公路可在“滁州”出口下，从明光路转向西涧路，再由西涧路向西转入琅琊西路，即到琅琊校区。 
 		</h4>
	  </div>
	</div>
	
	
	

	<!-- -------------------------页尾------------------------------ -->
	<div id="flood">
	    <table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
	    
	      <tr>
	        <td  height="3" colspan="5" bgcolor="#0F6BA2"></td>
	      </tr>
	      <tr>
	        <td width="557" height="60" align="center"><p><br />
	          &nbsp;版权所有 &copy; 滁州学院&nbsp;&nbsp; 皖ICP备11015759号&nbsp;&nbsp; 邮编：239000&nbsp;<br />
	        校址：安徽省滁州市会峰西路1号（会峰校区）　安徽省滁州市琅琊路2号（琅琊校区）　<br />          
	        &nbsp; </p></td>
	        
			<td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wx.jpg" alt="滁州学院微信公众号" width="60" height="60" title="滁州学院微信公众号" /></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/qq.jpg" width="60" height="60" alt="滁州学院QQ公众号"  title="滁州学院QQ公众号"/></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wb.jpg" width="60" height="60" alt="滁州学院新浪微博"  title="滁州学院新浪微博"/></td>
	        
	      </tr>
	    </table>
  	</div>
  	<!-- -------------------------页尾------------------------------ -->

	
	<!--  --------------------按钮切换地图-javascript--------------------------- -->
	<script type="text/javascript">
		function ly() {
			lyWeb=document.getElementById('webChange');
			lyWeb.src="http://www.chzu.edu.cn/xxqj/langya/index.html";
			btn1=document.getElementById('btn1');
			btn1.style.color="#F26262";
			btn2=document.getElementById('btn2');
			btn2.style.color="white";
		}

		function hf() {
			hf.Web=document.getElementById('webChange');
			lyWeb.src="http://www.chzu.edu.cn/xxqj/huifeng/index.html";
			btn2=document.getElementById('btn2');
			btn2.style.color="#F26262";
			btn1=document.getElementById('btn1');
			btn1.style.color="white";
		}
	</script>
	<!--  --------------------按钮切换地图-javascript end--------------------------- -->




</body>
</html>